<template>
	<div class="intro">
		<div class="left">
			<img :src='obj.img' />
		</div>
		<div class="center">
			<p>{{obj.name}}</p>
		</div>
		<div class="right">
			<img :src="obj.me" />
			<span class="iconfont icon-jiantou1"></span>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				obj:{
					"img":"img/name.png","name":"张三","me":"img/me.png"
				}
			}
		}
		
	}
</script>

<style lang="scss" scoped="scoped">
	.intro{
		width: 100%;
		height: 0.92rem;
		background-color: #FFFFFF;
		padding-top: 0.49rem;
		margin-bottom: 0.1rem;
		line-height: 0.92rem;
		.left,.center{
			float: left;
		}
		.center{
			p{
				font-size: 0.19rem;
			}
		}
		.left{
			margin-left: 0.19rem;
			margin-right: 0.19rem;
			img{
				width: 0.6rem;
				border-radius: 50%;
			}
		}
		.right{
			margin-right: 0.17rem;
			float: right;
			img{
				margin-right: 0.11rem;
				width: 0.19rem;
			}
		}
	}
</style>
